<template>
  <div class="flex">
    <div>
      <nut-tabs style="height:300px" v-model="value" type="smile" title-scroll direction="vertical">
        <nut-tab-pane v-for="item in list" :pane-key="item" :title="'Tab ' + item"> Tab {{ item }} </nut-tab-pane>
      </nut-tabs>
    </div>
    <div></div>
  </div>
</template>

<script setup>
import { ref } from 'vue';
const value = ref('0');
const list = new Array(2).fill(0).map((_, index) => index);
</script>

<style lang="scss" scoped>
</style>